<template>
	<div class="imgbox">
		<img src="../../../static/404.png" alt="" style="width: 200px;" />
		<p>没有这个页面权限呀！</p>
		<a class="logoutBtn" href="javascript:;" @click="logOut">返回登录</a>
	</div>
</template>

<script>
import { mapState, mapActions } from 'vuex';
export default {
	data() {
		return {};
	},
	methods: {
		...mapActions(['Logout']),
		logOut() {
			/* 退出，清空token就可以 */
			this.Logout().then(() => {
				this.$router.push({
					path: '/user/login'
				});
			});
		}
	}
};
</script>

<style scoped lang="less">
.imgbox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 20px;
	color: #333;
}
.imgbox img {
	display: block;
	margin: 0 auto 40px;
	width: 360px;
}
.logoutBtn{
	// background: @primary-color;
	color: #fff;
	display: block;
	padding: 10px 20px;
	border-radius: 4px;
}
</style>
